<template>
  <div class="wrapper">
    <pj-header></pj-header>
    <div class="content">
      <router-view></router-view>
    </div>
    <pj-footer></pj-footer>
  </div>
</template>

<script setup lang="ts">
import PjFooter from './fragments/footer.vue';
import PjHeader from '@pages/fragments/header.vue';
</script>

<style scoped lang="scss">
.wrapper {
  width: 100%;
  height: 100%;
  display: flex;
  overflow: auto;
  flex-direction: column;

  .content {
    flex: 1;
    display: flex;
    flex-direction: column;
  }
}
</style>
